.g-index {
    min-width: 1000px;
    // width: 100%;
    // max-width: 1200px;
    font-family: $font-family-base;
    font-size: $font-size-base * 1.4;
}

// 顶部背景
.g-header-bg {
    width: 100%;
    height: 475px;
    background: url('../images/head-bg.jpg') no-repeat center center;
    -ms-behavior: url('./lib/background.htc')\0;
    behavior: url('./lib/background.htc')\0;
    background-size: cover;
    z-index: -1;
}

//顶部栏目logo
.g-header {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    background: rgba($white, 0);
    padding: 8px 60px 0px 45px;
    border-bottom: 1px solid $dark-blue;
    h1 {
        position: relative;
        top: 6px;
        color: $white;
        font-size: $font-size-base * 2.4;
        margin-left: 14px;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

//顶部功能按钮
.g-login {
    padding-top: 12px;
    color: $white;
    img {
        margin-left: 24px;
    }
    .btn-img:not(:last-child) {
        position: relative;
        top: 2px;
    }
    span {
        position: relative;
        top: 2px;
        margin-left: 12px;
        font-size: $font-size-base * 1.2;
    }
}

//导航菜单盒子
.g-navWrap {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid $dark-blue;
    .console {
        margin: 14px 0px 0px 45px;
        color: $yellow;
        font-size: $font-size-base * 1.6;
        img {
            margin-right: 8px;
        }
    }
    .nav-list-box {
        top: 45px;
        width: 100%;
        //  height: 20px;
        box-sizing: border-box;
        padding: 0px 20px;
        background: $black;
        z-index: 3333;
    }
    .eachList {
        width: 160px;
        min-height: 300px;
        margin: 15px 0px;
        .eachListTitle {
            text-decoration: none;
            font-size: $font-size-base* 1.4;
            font-weight: 600;
            color: $white;
        }
        .each-list-box {
            margin-top: 10px;
            li {
                list-style: none;
                margin: 4px 0px;
                a {
                    text-decoration: none;
                    color: $light-gray-1;
                    font-size: $font-size-base * 1.2;
                }
                a:hover {
                    text-decoration: underline;
                    color: $white;
                }
            }
        }
    }
    //导航菜单
    .g-navList {
        padding-left: 18px;
        height: 48px;
        ul {
            height: 48px;
        }
        li {
            list-style: none;
            display: inline-block;
            height: 100%;
            a {
                text-align: center;
                cursor: pointer;
                display: block;
                text-decoration: none;
                font-size: $font-size-base * 1.6;
                color: $white;
                background: $nav-bg \9;
                background: $nav-bg;
                //  padding: 12px 16px;
                width: 96px;
                height: 48px;
                line-height: 48px;
            }
        }
    }
}

//轮播图
.g-slider {
    width: 100%;
    height: 365px;
    //  background: rgba(255, 255, 255, 0.1);
    background: rgb(255, 255, 255)\9;
    filter: alpha(opacity=1);
    //  position: relative;
    //  z-index: 20; //  background: red;
    .slider-block {
        //  display: none;
        position: relative;
        width: 100%;
        height: 365px;
        overflow: hidden;
    }
    .slider-picWrap {
        height: 100%;
        .slider-ul {
            height: 100%;
            li {
                position: relative;
                height: 100%;
                //  float: left;
                display: none;
                // min-width: 1000px;
                width: 100%;
                // max-width: 1200px;
                margin: 0 auto;
            }
            iframe {
                //  width: 1%;
                position: absolute;
                right: 0px;
                top: 10px;
                z-index: 1;
            }
        }
    }
    .slider-nav {
        box-sizing: border-box;
        height: 40px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        bottom: 0px;
        width: 100%;
        z-index: 100;
        .slider-navBar {
            //  height: 100%;
            li {
                //  -ms-behavior: url(./lib/ie-css3.htc);
                //  behavior: url(./lib/ie-css3.htc);
                //  position: relative;
                //  z-index: 2;
                //  height: 100%;
                cursor: pointer;
                margin-right: 12px;
                list-style: none;
                display: inline-block;
                width: 13px;
                height: 13px;
                background: rgba(255, 255, 255, 0.1);
                background: rgb(3, 160, 242)\9;
                filter: alpha(opacity=100);
                border: 1px solid $white;
                border-radius: 50%;
                color: $white;
                //  overflow: hidden;
                &.active {
                    //  -ms-behavior: url(./lib/ie-css3.htc);
                    //  behavior: url(./lib/ie-css3.htc);
                    //  position: relative;
                    //  z-index: 2;
                    background: rgba(255, 255, 255, 1);
                    background: rgb(255, 255, 255)\9;
                    border: 1px solid $white;
                    color: #ff0;
                    border-radius: 50%;
                    font-weight: 700;
                    filter: alpha(opacity=100);
                }
            }
        }
    }
    .slider-text-box {
        position: absolute;
        top: 32px;
        //  left: 152px;
        z-index: 2;
    }
    .slider-title {
        font-family: "方正兰亭中黑";
        font-family: "微软雅黑";
        font-size: $font-size-base * 3;
        color: $white;
        margin-bottom: 20px;
    }
    .slider-text {
        font-size: $font-size-base*1.6;
        line-height: 45px;
        color: $white;
    }
    .slider-title-url {
        display: inline-block;
        width: 90px;
        height: 32px;
        line-height: 32px;
        font-size: $font-size-base * 1.4;
        color: $white;
        border: 1px solid $white;
        text-align: center;
        text-decoration: none;
        margin-top: 26px;
        background: rgba(255, 255, 255, 0.1)\9;
    }
}

// 功能导航
.g-modelNav {
    margin: 0 auto;
    // min-height: 210px;
    text-align: center;
    // min-width: 1000px;
    width: 100%;
    // max-width: 1200px;
    .eachModalList {
        height: 100px;
        margin: 26px 0px 0px 0px;
        width: 14%;
        a {
            color: $dark-gray;
            display: block;
            font-size: $font-size-base *1.4;
            height: 100%;
            text-decoration: none;
            width: 100%;
            &:hover {
                text-decoration: underline;
            }
        }
        img {
            margin: 0px 0px 15px 0px;
            width: 40px;
            height: 40px;
        }
        p {
            color: $dark-gray;
        }
    }
}

// 信息栏
.g-info {
    background: $gray;
    box-sizing: border-box;
    // height: 465px;
    height: 300px;
    padding: 30px 0px 20px;
    .g-info-box {
        margin: 0 auto;
        min-width: 1000px;
        width: 100%;
        max-width: 1200px;
        height: 100%;
    }
    .g-info-listBox {
        //  height: 398px;
        left: 0px;
        // min-width: 489px;
        // max-width: 589px;
        width: 55%;
    }
    .g-tab-list {
        margin-bottom: 22px;
        .tabLi {
            cursor: pointer;
            color: $dark-gray;
            font-family: "微软雅黑";
            font-size: $font-size-base *1.6;
            font-weight: 600;
            list-style: none;
            padding-bottom: 4px;
            margin-right: 46px;
            &:last-child {
                margin-right: 0px;
            }
            &:hover {
                color: $blue;
                border-bottom: 2px solid $blue;
            }
            &.active {
                color: $blue;
                border-bottom: 2px solid $blue;
            }
        }
    }
    .g-tab-content {
        position: relative;
        // padding-left: 20px;
    }
    .g-stab-list {
        // border-bottom: 1px solid $light-gray;
        // left: -20px;
        position: absolute;
        top: 0px;
        left: 210px;
        margin-bottom: 14px;
        // padding-bottom: 14px;
        // position: relative;
        .tabSLi {
            cursor: pointer;
            list-style: none;
            padding-bottom: 2px;
            margin-right: 40px;
            a {
                color: $dark-gray;
                display: inline-block;
                font-size: $font-size-base *1.4;
                text-decoration: none;
                &:last-child {
                    margin-right: 0px;
                }
                &:hover {
                    color: $blue;
                }
                &.active {
                    color: $blue;
                }
            }
        }
    }
    .loadmore {
        position: absolute;
        left: 0;
        top: 170px;
        border: 1px solid $blue;
        color: $blue;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        // margin-top: 20px;
        text-align: center;
        text-decoration: none;
        width: 98px
    }
}

.g-stab-content {
    position: absolute;
    top: 15px;
    left: 210px;
    padding-left: 20px;
    li {
        list-style-image: url('../images/todo.png');
        margin: 15px auto;
        line-height: 20px;
        &:hover {
            list-style-image: url('../images/todo_active.png');
            color: $blue;
        }
        a {
            display: inline-block;
            width: 100%;
            font-size: $font-size-base*1.4;
            color: $dark-gray;
            position: relative;
            text-decoration: none;
            top: 4px;
            &:hover {
                color: $blue;
            }
            .info-text {
                width: 270px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }
        }
    }
}

.loadmore {
    border: 1px solid $blue;
    color: $blue;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    // margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 98px
}

.g-add-model {
    // height: 100px;
    text-align: center;
    width: 100%;
    a {
        border: 1px solid $blue;
        color: $blue;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-top: 20px;
        text-align: center;
        text-decoration: none;
        width: 98px
    }
}

.g-info-notifyBox {
    margin-left: 60px;
    // min-width: 450px;
    // max-width: 550px;
    width: 38%;
    .g-stab-list,
    .g-stab-content {
        position: static;
    }
    .notifyBox-list {
        // border-bottom: 1px solid $light-gray;
        margin-bottom: 14px;
        // padding-bottom: 14px;
        li {
            cursor: pointer;
            color: $dark-gray;
            display: inline-block;
            font-size: $font-size-base *1.6;
            font-weight: 600;
            list-style: none;
            padding-bottom: 2px;
            margin-right: 40px;
        }
    }
    .g-tab-content {
        li {
            &:hover {
                color: $blue;
            }
            &.active {
                color: $blue;
            }
        }
    }
}

.h-line {
    height: 100%;
    width: 1px;
    background: $light-gray
}

.g-model {
    // min-width: 1000px;
    width: 100%;
    // max-width: 1200px;
    margin: 5px auto;
}